<!DOCTYPE html>
<html>
<head>
<title>慕课网电商网站-商品介绍</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/resert.css" type="text/css" rel="stylesheet"/>
<link href="css/main.css" type="text/css" rel="stylesheet"/>
</head>
<body class="gray">
<div class="headerBar">
    <div class="topBar">
      <div class="comWidth clearfix">
	    <div class="leftArea">
	     <a class="collection" href="#">收藏慕课</a>
	    </div>
	    <div class="rightArea">
	      欢迎来到慕课网！<a href="#">[登录]</a><a href="#">[免费注册]</a>
	    </div>
	  </div>
	</div>
	<div class="logoBar">
	  <div class="comWidth clearfix">
	    <div class="logo fl">
		  <a href="#"><img src="images/logo.png" alt="慕课网"/></a>
		</div>
		<div class="search_box fl">
		   <input type="text" class="search_text fl"/>
		   <input type="button" value="搜 索" class="search_btn fr"/>
		</div>
		<div class="shopCar fr">
		  <span class="shopText fl">购物车</span>
		  <span class="shopNum fr">0</span>
		</div>
	  </div>
	</div>
	<div class="navBox">
	  <div class="comWidth clearfix">
	    <div class="shopClass fl">
		  <h3>全部商品分类<i></i></h3>
		  <div class="shopClass_show" hidden>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		  </div>
		</div>
		<div class="nav fl">
		  <ul>
		    <li><a class="active" href="#">数码城</a></li>
			<li><a href="#">天黑黑</a></li>
			<li><a href="#">团购</a></li>
			<li><a href="#">发现</a></li>
			<li><a href="#">二手特卖</a></li>
			<li><a href="#">名品会</a></li> 
		  </ul>
		</div>
	  </div>
	</div>
</div>
<div class="userPosition comWidth">
 <strong><a href="#">首页</a></strong>
 <span>&nbsp;&gt;&nbsp;</span>
 <a href="#">平板电脑</a>
 <span>&nbsp;&gt;&nbsp;</span>
 <a href="#">Apple 苹果</a>
 <span>&nbsp;&gt;&nbsp;</span>
 <em>MD531CH/A</em>

</div>
<div class="description_intro comWidth"></div>
<div class="hr_25"></div>
<div class="footer">
  <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
  <p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
  <p class="web"><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a></p>
</div>
</body>
</html>